Виджеты. Text Image Icon

➡️Скачать презентацию. Flutter Text Image Icon
➡️Скачать шпаргалку
➡️Ссылка на репозиторий с кодом этого урока

Виджеты для работы с текстом

Виджет RichText

Принимает список значений, которые являются частями этого текста, через виджеты TextSpan их можно отдельно стилизовать.

Файл rich_text_widget.dart

import 'package:flutter/material.dart';

class RichTextExample extends StatelessWidget {
  const RichTextExample({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RichText(
          text: const TextSpan(
            // Список составных частей строки текста
            children: [
              TextSpan(
                text: "Flutter ",
                style: TextStyle(color: Colors.blue, fontSize: 48.0),
              ),
              TextSpan(
                text: "Крутой ",
                style: TextStyle(color: Colors.black),
              ),
              TextSpan(
                text: "Фреймворк!",
                style: TextStyle(
                  color: Colors.red,
                  fontSize: 24.0,
                  fontWeight: FontWeight.w700,
                ),
              ), //TextSpan
            ],
          ), // TextSpan
        ), // RichText
      ), // Center
    ); // Scaffold
  }
}
                  

Не забываем в файле main.dart
В виджет MyApp() передать виджет RichTextExample()